<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
<base id="base" title="/" th:title="@{/}"/>
<meta charset="utf-8"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta name="author" content="longshu"/>
<link rel="shortcut icon" href="../static/favicon.png" th:href="@{/favicon.png}"/>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="//cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<!--styles-->
<link rel="stylesheet" href="../static/assets/libs/bootstrap/3.3.7/css/bootstrap.min.css"
      th:href="@{/assets/libs/bootstrap/3.3.7/css/bootstrap.min.css}"/>
<link rel="stylesheet" href="../static/assets/css/custom.css" th:href="@{/assets/css/custom.css}"/>
<title>-</title>
</head>
<body>
<div class="container">
<nav class="navbar navbar-default navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#nav_collapse">
                <span class="sr-only">切换导航</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="/" th:href="@{/}">首页</a>
        </div>
        <div class="collapse navbar-collapse" id="nav_collapse" role="navigation">
            <ul class="nav navbar-nav">
                <li><a href="#" th:href="@{/view/account}">账户信息</a></li>
                <li th:if="${session.loginUser != null}">
                    <a href="javascript:;" onclick="toLocation('account/exit')">安全退出</a>
                </li>
                <li th:unless="${session.loginUser != null}"><a href="#" th:href="@{/view/login}">登录</a></li>
            </ul>
        </div>
    </div>
</nav>
<div style="padding: 2.5em;"></div>

<div layout:fragment="content">content</div>

</div>

<script src="../static/assets/libs/vue/2.3.4/vue.min.js"
        th:src="@{/assets/libs/vue/2.3.4/vue.min.js}"></script>
<script src="../static/assets/libs/jquery/1.12.4/jquery.min.js"
        th:src="@{/assets/libs/jquery/1.12.4/jquery.min.js}"></script>
<script src="../static/assets/libs/bootstrap/3.3.7/js/bootstrap.min.js"
        th:src="@{/assets/libs/bootstrap/3.3.7/js/bootstrap.min.js}"></script>

<script src="../static/assets/js/custom.js" th:src="@{/assets/js/custom.js}"></script>
<script src="../static/assets/js/webdata.js" th:src="@{/assets/js/webdata.js}"></script>

<div class="script" layout:fragment="script"></div>
</body>
</html>